<template>
  <div class="demo-image__placeholder">
    <el-card class="block">
      <img class="image" src="@/assets/zxy.jpg" />

      <div class="info">
        <div>姓名：邱文静</div>
        <div style="margin-top: 10px">Q Q：1697501742</div>
      </div>

      <div class="title">@懒洋洋大王</div>
    </el-card>
    <el-card class="block">
      <img class="image" src="@/assets/yxz.jpg" />

      <div class="info">
        <div>姓名：汤家贝</div>
        <div style="margin-top: 10px">Q Q：3206547981</div>
      </div>

      <div class="title">@懒洋洋大王</div>
    </el-card>
    <el-card class="block">
      <img class="image" src="@/assets/hb.jpg" />

      <div class="info">
        <div>姓名：方缘</div>
        <div style="margin-top: 10px">Q Q：2864605107</div>
      </div>

      <div class="title">@懒洋洋大王</div>
    </el-card>
    <el-card class="block">
      <img class="image" src="@/assets/zj.jpg" />

      <div class="info">
        <div>姓名：易梦瑶</div>
        <div style="margin-top: 10px">Q Q：2814093998</div>
      </div>

      <div class="title">@懒洋洋大王</div>
    </el-card>
    <el-card class="block">
      <img class="image" src="@/assets/cxp.jpg" />

      <div class="info">
        <div>姓名：张梁</div>
        <div style="margin-top: 10px">Q Q：2826472238</div>
      </div>

      <div class="title">@懒洋洋大王</div>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // src: '@',
    };
  },
};
</script>

<style scoped>
.demo-image__placeholder {
  padding: 40px 120px;
}
.info {
  /* float: left; */
  margin-top: 15px;
}
.el-card {
  margin: 10px;
  padding-bottom: 20px;
}
.title {
  float: right;
  margin-bottom: 5px;
}
.image {
  float: left;
  height: 100px;
  width: 100px;
  margin-right: 60px;
}
</style>
